﻿/* All
*/
#warpper{width:100%;height:100%;}
textarea{width: 320px;height: 100px;margin: 10px 5px 10px 5px;}
input[type=text],input[type=password]{width: 320px;height: 30px;margin: 10px 5px 10px 5px;}
input[type=button], input[type=submit], input[type=reset]{
	background-image: -webkit-gradient(linear,left top,left bottom,from(#f8f8f8),to(#f1f1f1));
	background-image: -webkit-linear-gradient(top,#f8f8f8,#f1f1f1);
	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.1);
	background-color: #f8f8f8;
	background-image: linear-gradient(top,#f8f8f8,#f1f1f1);
	background-image: -o-linear-gradient(top,#f8f8f8,#f1f1f1);
	border: 1px solid #C6C6C6;
	color: #333;
	width: 150px;
	height:25px;
	cursor: pointer;
	margin: 0 auto;
}

input[type=button]:hover, input[type=submit]:hover,input[type=reset]:hover {
	background-image: -webkit-gradient(linear,left top,left bottom,from(#CCCCCC),to(#f1f1f1));
	background-image: -webkit-linear-gradient(top,#CCCCCC,#f1f1f1);
	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.1);
	background-color: #CCCCCC;
	background-image: linear-gradient(top,#f8f8f8,#f1f1f1);
	background-image: -o-linear-gradient(top,#f8f8f8,#f1f1f1);
	border: 1px solid #C6C6C6;
	color: #333;
	width: 150px;
	height:25px;
	cursor: pointer;
	margin: 0 auto;}
body {background-color:white; width: 100%; height: 99%; margin: 0 auto; font-family: Arial Sans-Serif; font-size: medium;
text-transform: none; }
/*
Header
*/
#menu {height: 30px;position: absolute;left: 0px;right:0px;
	overflow:hidden;background:#2D2D2D;border: 1px solid #2D2D2D;}

#menu .item{height: 30px; float:left;background:#2D2D2D; text-align:center; color: #CCCCCC;
				cursor: pointer; font: 13px/27px Arial,sans-serif; 
				margin: auto 5px auto 5px; padding: 0 5px; max-width: 100px;}
#menu .item:hover{background:#6F6F6F; color: #FFFFFF;
				cursor: pointer; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;
				max-width: 100px; min-height:30px;}
#menu .item a { cursor: pointer; outline-style:none; text-decoration:none; color: White;}
#menu #dangnhap {width: auto;height: 30px;background:White; float:right;background:#2D2D2D;
					 color: #CCCCCC;cursor: pointer;
					 font: 13px/27px Arial,sans-serif; padding: 0 5px; }

#dangnhap img,input[type=image] { width: 20px; height: 20px; padding: 0 0 0 0;}
#dangnhap span { height: 30px; vertical-align:sub; }
#dangnhap input{ height: 16px; width:83px; margin: 0 0 0 0; }
#dangnhap input[type=image] { width: 20px; height: 20px; padding: 0 0 0 0;}

/*
Nội dung
*/
#noidung {background-color:#FFFFFF; width:100%; position: absolute; top: 30px; bottom: 30px; display: table-cell;}
	
#tieude { width:100%; height:40px; background-color:#e5e5e5;
		 		border-bottom:1px solid #DBDBDB; top:0; position: absolute; }
#tieude h3 {padding: 0 0 0 0px; font: 20px  Arial; height: 20px; margin: 10px auto;
		float: left; position: absolute; left:0; width: 150px; vertical-align: middle; text-align: center; text-transform:capitalize;}
#tieude h3:hover {padding: 0 0 0 0px; font: 20px  Arial; height: 20px; margin: 10px auto;
		float: left; position: absolute; left:0; width: 150px; vertical-align: middle; text-align: center;
		color: white;}		
#tieude div {float:left; position: absolute; left:  150px; right: 0px;}
#tieude div span{margin:0 0 0 0; top:-5px; position:relative}
#noidung-chinh { width:100%; position:absolute; top: 40px; bottom: 0px; }
/* 
Nội dung tiêu đề
*/
.tieu-de {float: left; font-family: Arial; font-size: large; font-weight: bold; color: #3C5AA0;
 text-align: center;margin: 0 0 0 0;background:#2d87b8 url(../img/navBG.gif) repeat-x ;
 padding:0px 0px 0px 20px;height:28px;_background-image:none;}

#trangchu-timkiem{position:absolute;top: 40%;left:0;right:1px;}
#trangchu-timkiem .textbox-timkiem{width: 40%;}
#themdiadiem{height: 30px;background: url(../img/thembutton.png);cursor: pointer;}
.themdiadiem-button-themdiadiem{margin: 0 5px;float: right;width:auto;}

/* 
Nội dung Content
*/

/*
Nội dung left Content
*/#left-content{width: 300px;height: 100%;float: left;background-color:Silver;}
#treeview{top:0px;bottom:0px;width: 300px;overflow:scroll;position:absolute;background-color:white;}
#treeview-timkiem{top:0px;bottom:0px;width: 300px;overflow:scroll;position:absolute;background-color:white;}
.treeview-loaidiadiem{position:relative;left: 15px;height: auto;margin: 0 0 0 0;padding: 0 0 0 0;color:Blue;}
.hinhanh-loaidiadiem{height: 14px;width: 20px;margin: 0 5px 0 0;padding: 0 0 0 0;float: left;background-image: url(../img/thumuc.png);}
.treeview-diadiem{position:relative;left: 40px;height: auto;margin: 0 0 0 0;padding: 0 0 0 0;cursor: pointer;
color:#7A7A7A;}
.treeview-diadiem:hover{position:relative;left: 40px;height: auto;margin: 0 0 0 0;padding: 0 0 0 0;cursor: pointer;color: Black;}
.hinhanh-diadiem{height: 15px;width: 15px;margin: 0 5px 0 0;padding: 0 0 0 0;background-image: url(../img/diadiem.png);
float: left;}
.treeview-root{margin: 5px 1px 1px 1px;color:Blue;}

/*
Nội dung Main Content
*/
#map-content{position:absolute;left:300px;	right:0;height: 100%;}
#map{width:100%;height: 100%;}
#form{padding: 20px 10px 20px 20px;}
#form input[type=text],input[type=password]{width: 320px;height: 30px;margin: 10px 5px 10px 5px;}
#form-tieude{}
.form-thongbao{color: #FF4747;padding-top: 10px;padding-left: 100px;}
.loading{height: 32px;}
.loading img{width: 40px;height: 40px;top: -2px;position: relative;}
.loading-noidung{margin-top: 0px;margin-left: 10px;vertical-align: middle;position: relative;
top: -20px;color: black;}
/*
footer
*/
#footer{position: fixed;bottom: 0px;width: 100%;height: 30px;background:white;border-top: 1px solid #DBDBDB;
color:#666666;}
#footer .right-item{float:right; margin:5px 10px 0 0;}
#footer .left-item{float:left; margin:5px 10px 0 0;}

/* 
Thông báo
*/
.thongbao{text-align: center;color: #FF4747;margin: 30px;}
#popup_title{background-color: #2D2D2D;color: white;margin: 0 auto;text-align: center;}
#popup_content{}
#popup_message{background-color:#e5e5e5;min-height: 60px;
}

#popup_container{border: #e5e5e5 outset 3px; color: #FF4747;}
#popup_panel{background-color:#e5e5e5; text-align: center;}

#popup_ok{
/*	background-image: -webkit-gradient(linear,left top,left bottom,from(#f8f8f8),to(#f1f1f1));
	background-image: -webkit-linear-gradient(top,#f8f8f8,#f1f1f1);
	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.1);
	background-color: #f8f8f8;
	background-image: linear-gradient(top,#f8f8f8,#f1f1f1);
	background-image: -o-linear-gradient(top,#f8f8f8,#f1f1f1);
	border: 1px solid #C6C6C6;
	color: #333;
	width: 60px;
	height:20px;
	cursor: pointer;
	margin: 0 auto;
*/
	width:60px;
}

#popup_ok:hover{
/*	background-image: -webkit-gradient(linear,left top,left bottom,from(#CCCCCC),to(#f1f1f1));
	background-image: -webkit-linear-gradient(top,#CCCCCC,#f1f1f1);
	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.1);
	background-color: #CCCCCC;
	background-image: linear-gradient(top,#f8f8f8,#f1f1f1);
	background-image: -o-linear-gradient(top,#f8f8f8,#f1f1f1);
	border: 1px solid #C6C6C6;
	color: #333;
	width: 60px;
	height:20px;
	cursor: pointer;
	margin: 0 auto;
*/
	width:60px;
}

#themdiadiem {width:auto; overflow:visible; height: auto; text-align: center;background: white none;}
#themdiadiem table{height: auto;  overflow:visible;}
#themdiadiem tr{width:500px; height: 20px;}
#themdiadiem td{text-align: left;}
/*
#themdiadiem input[type=button],input[type=submit]
{	
	background-image: -webkit-gradient(linear,left top,left bottom,from(#CCCCCC),to(#f1f1f1));
	background-image: -webkit-linear-gradient(top,#CCCCCC,#f1f1f1);
	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.1);
	background-color: #CCCCCC;
	background-image: linear-gradient(top,#f8f8f8,#f1f1f1);
	background-image: -o-linear-gradient(top,#f8f8f8,#f1f1f1);
	border: 1px solid #C6C6C6;
	color: #333;
	width: auto;
	height:20px;
	cursor: pointer;
	margin: 0 auto;}*/